<!DOCTYPE html>
<html>
    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="plantillas/css/base.css" type="text/css" />
        <link rel="stylesheet" href="plantillas/js/thickbox.css" type="text/css" media="screen" />

        <link rel="stylesheet" href="plantillas/css/layout.css" type="text/css" media="screen" charset="utf-8" />
        <link rel="stylesheet" href="plantillas/css/jd.gallery.css" type="text/css" media="screen" charset="utf-8" />
        <script src="plantillas/js/mootools-1.2.1-core-yc.js" type="text/javascript"></script>
        <script src="plantillas/js/mootools-1.2-more.js" type="text/javascript"></script>
        <script src="plantillas/js/jd.gallery.js" type="text/javascript"></script>

        <link href='http://fonts.googleapis.com/css?family=Josefin+Sans:300,400' rel='stylesheet' type='text/css'>
        <!--        <link href='http://fonts.googleapis.com/css?family=Rosario:400,400italic,700,700italic' rel='stylesheet' type='text/css'>-->

<!--        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>-->

<!--                <script type="text/javascript" src="plantillas/js/thickbox.js"></script>-->


        <link rel="stylesheet" type="text/css" href="plantillas/js/styles.css" />



        <link rel="stylesheet" type="text/css" href="plantillas/js/styles.css" />
    </head>
    <body>
        <h1>
            <a href="http://english.jondesign.net/">
                <span class="company">JonDesign's</span>
            </a>SmoothGallery 2.1beta1 <sup>demo</sup></h1>
        <script type="text/javascript">
            function startGallery() {
                var myGallery = new gallery($('myGallery'), {
                    timed: true
                });
            }
            window.addEvent('domready',startGallery);
      
        </script>


        <div id="myGallery">






            <div class="imageElement">
                <h3>Item 1 Title</h3>
                <p>Item 1 Description</p>
                <a href="#" title="open image" class="open"></a>
                <img src="imagenes/thumb2/thumb_Pontiac-1962_Pontiac-1962JamesSaunders.jpg" class="full" >

                <img src="imagenes/thumb/thumb_Pontiac-1962_Pontiac-1962JamesSaunders.jpg" class="thumbnail" />
            </div>
            <div class="imageElement">
                <h3>Item 2 Title</h3>
                <p>Item 2 Description</p>
                <a href="#" title="open image" class="open"></a>
                <img src="imagenes/thumb2/thumb_Pontiac-1962_hppp_0707_04_z+1962_pontiac_grand_prix_pro_street+rear.jpg" class="full" />
                <img src="imagenes/thumb/thumb_Pontiac-1962_hppp_0707_04_z+1962_pontiac_grand_prix_pro_street+rear.jpg" class="thumbnail" />
            </div>

        </div>

    </body>
</html>

